{layout name="define/layout" /}

<body>
    <div class="header">
        <div class="layout fn-clear">
            <div class="user-logo">
                <a title="免费短视频分享大全 - 大中国"
                    style="background-image: url(/upload/site/20200314-1/37f5056b92b85e888a42ad4c660cfe02.png);"
                    href="/"></a>
            </div>
            <div class="user-n"><span>个人中心</span></div>
            <ul class="nav">
                <li class="nav-item"><a class="nav-link" href="javascript:MAC.GoBack()">返回</a></li>
                <li class="nav-item"><a class="nav-link" href="/">返回首页</a></li>
                <li class="nav-item"><a class="nav-link">{$data['user_name']}</a></li>
                <li class="nav-item"><a class="nav-link" href="/user/logout.html">退出</a></li>
            </ul>
        </div>
    </div>
    <!-- // i-header end -->


    <!-- 会员中心 -->
    <div id="member" class="fn-clear">
        <div id="left">
            <div class="m-nav">
                <a href="javascript:MAC.GoBack()" class="btn-left"><i class="iconfont ico-right">&#xe625;</i></a>
                <a href="/" class="btn-right"><i class="iconfont ico-right">&#xe634;</i></a>
                <span class="mb-title">个人中心</span>
            </div>
            <div class="tou">
                <div class="tou-left">
                    <img class="face" src="{$data['user_pic']}" alt="会员头像">
                </div>
                <div class="tou-right">
                    <span class="name-tit">{$data['user_name']}</span>
                </div>
            </div>
            <div class="menber-info">
                <div class="info-box">
                    <p class="m-points">10</p>
                    <p class="text-small">我的积分</p>
                </div>
                <div class="info-box"><a href="/index.php/user/popedom.html">
                        <p>默认会员</p>
                        <p class="text-small">永久有效</p>
                    </a></div>
            </div>
            <ul>
                <li><a class="flip" href="javascript:void(0)"><span class="xs1"><i
                                class="iconfont huiyuan ver_none">&#xe661;</i>推荐有礼<i
                                class="iconfont ico-right">&#xe623;</i></span><span class="xs2" style="display:none;"><i
                                class="iconfont huiyuan ver_none">&#xe661;</i>推荐有礼<i
                                class="iconfont ico-right">&#xe63a;</i></span><span class="user-time">推荐好友赚现金</span></a>
                    <div class="panel" style="display:none;">
                        <p class="hui">抱歉，推荐有礼活动暂未开放</p>
                    </div>
                </li>
            </ul>
            <ul>
                <li><a href="/user/info.html"><i class="iconfont yonghu">&#xe62b;</i>我的资料<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/user/infoedit.html"><i class="iconfont xiugai">&#xe65e;</i>修改资料<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
            </ul>
            <ul>
                <li><a href="/index.php/user/favs.html"><i class="iconfont lishi">&#xe629;</i>我的收藏<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/index.php/user/plays.html"><i class="iconfont lishi">&#xe624;</i>观看记录<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/index.php/user/downs.html"><i class="iconfont lishi">&#xe63c;</i>下载记录<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
            </ul>
            <ul>
                <li><a href="/index.php/user/upgrade.html"><i class="iconfont huiyuan">&#xe638;</i>升级会员<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/index.php/user/buy.html"><i class="iconfont xiazai">&#xe65c;</i>充值中心<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/index.php/user/orders.html"><i class="iconfont xiazai">&#xe660;</i>充值记录<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/index.php/user/cash.html"><i class="iconfont xiazai">&#xe65f;</i>我要提现<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
            </ul>
            <ul>
                <li><a href="/index.php/user/plog.html"><i class="iconfont congzhi">&#xe662;</i>积分记录<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
                <li><a href="/index.php/user/reward.html"><i class="iconfont congzhi">&#xe65d;</i>推荐记录<i
                            class="iconfont ico-right">&#xe623;</i></a></li>
            </ul>
            <ul class="logout-ul">
                <li class="logout-item"><a class="logout-link" href="/user/logout.html">退出账号</a></li>
            </ul>
        </div>
        <div id="right">
            <div class="m-nav">
                <a href="javascript:MAC.GoBack()" class="btn-left"><i class="iconfont ico-right">&#xe625;</i></a>
                <span class="mb-title">修改信息</span>
            </div>
            <div class="co-right co-right-bg author@qq3626-95-000">
                <h2>我的资料</h2>
                <div id="tab">
                    <div class="list">
                        <ul class="fn-clear">
                            <li><a href="/user/info.html">基本资料</a></li>
                            <li class="cur">修改信息</li>
                            <li><a href="/user/popedom.html">我的权限</a></li>
                        </ul>
                    </div>
                    <div id="listCon">
                        <!-- 修改信息 -->
                        <div class="cur">
                            <form id="fm" name="fm" method="post" action="">
                                <p><span class="xiang">用户名</span>{$data['user_name']}</p>
                                <p><span class="xiang">原始密码</span><input type="password" name="user_pwd"
                                        class="member-input" placeholder="请输入原始密码"></p>
                                <p><span class="xiang">新密码</span><input type="password" name="user_pwd1"
                                        class="member-input" placeholder="请输入新密码"></p>
                                <p><span class="xiang">重复密码</span><input type="password" name="user_pwd2"
                                        class="member-input" placeholder="请重复新密码"></p>
                                <p><span class="xiang">QQ号码</span><input type="text" name="user_email"
                                        class="member-input wt-input" value="" placeholder="请输入QQ号"><a class="bind-a"
                                        href="/index.php/user/bind.html?ac=email">绑定</a></p>
                                <p><span class="xiang">邮箱</span><input type="text" name="user_email"
                                        class="member-input wt-input" value="" placeholder="请输入邮箱"><a class="bind-a"
                                        href="/index.php/user/bind.html?ac=email">绑定</a></p>

                                <p><input type="button" id="btn_submit" class="search-button" value="保存">
                                    <span class="wjmm">
                                        <a href="/index.php/user/findpass.html">忘记密码了？找回密码</a>
                                    </span>
                                </p>

                            </form>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">

        $('.btn_unbind').click(function () {
            var ac = $(this).attr('ac');
            if (ac != 'email' && ac != 'phone') {
                alert('参数错误');
            }
            if (confirm('确认解除绑定吗？此操作不可恢复？')) {
                $.ajax({
                    url: "/index.php/user/unbind.html",
                    type: "post",
                    dataType: "json",
                    data: { ac: ac },
                    beforeSend: function () {
                        //开启loading
                    },
                    success: function (r) {
                        alert(r.msg);
                        if (r.code == 1) {
                            location.href = "/index.php/user/info.html";
                        }
                    },
                    complete: function () {
                        //结束loading
                    }
                });
            }
        });

        $("#btn_submit").click(function () {
            var data = $("#fm").serialize();
            $.ajax({
                url: "/index.php/user/info.html",
                type: "post",
                dataType: "json",
                data: data,
                beforeSend: function () {
                    //开启loading
                    //$(".loading_box").css("display","block");
                    $("#btn_submit").css("background", "#fd6a6a").val("loading...");
                },
                success: function (r) {
                    alert(r.msg);
                    if (r.code == 1) {
                        location.href = "/index.php/user/info.html";
                    }
                },
                complete: function () {
                    //结束loading
                    //$(".loading_box").css("display","none");
                    $("#btn_submit").css("background", "#fa4646").val("提交");
                }
            });
        });

    </script>
    <div id="show" style="display: none;">
        <div class="co-cg">
            <p>耶～～复制成功</p>
        </div>
    </div>
    <script>
        $(".face").imageUpload({
            formAction: "/index.php/user/portrait.html",
            inputFileName: 'file',
            browseButtonValue: '<i class="iconfont xiazai">&#xe65e;</i>',
            browseButtonClass: 'btn btn-default btn-xs face-upload',
            automaticUpload: true,
            hideDeleteButton: true,
            hover: true
        })
        $(".face").on("imageUpload.uploadFailed", function (ev, err) {
            alert(err);
        });
    </script>
    <!-- // sign-content end -->
    <div class="footer foot_nav clearfix">
        <div class="layout">
            <div class="copyright">
                <p>&copy; 2020 <a class="color" href="//www.wter.52msr.cn">www.wter.52msr.cn</a> All Rights
                    Reserved.</p>
            </div>
        </div>
        <div class="foot_mnav hidden_mb">
            <ul class="foot_rows">
                <li class="foot_text">
                    <a href="/">
                        <i class="iconfont">&#xe634;</i> <span class="foot_font">首页</span>
                    </a>
                </li>
                <li class="foot_text">
                    <a href="/index.php/vod/type/id/1.html">
                        <i class="iconfont">&#xe64a;</i> <span class="foot_font">电影</span>
                    </a>
                </li>
                <li class="foot_text">
                    <a href="/index.php/vod/type/id/2.html">
                        <i class="iconfont">&#xe649;</i> <span class="foot_font">连续剧</span>
                    </a>
                </li>
                <li class="foot_text">
                    <a href="/index.php/gbook/index.html">
                        <i class="iconfont">&#xe632;</i> <span class="foot_font">留言</span>
                    </a>
                </li>
                <li class="foot_text">
                    <a class="active" href="/index.php/user/index.html">
                        <i class="iconfont">&#xe67a;</i> <span class="foot_font">会员</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- // footer end -->
    <script src="/static/user/js/clipboard.min.js"></script>
    <script src="/static/user/js/jquery.lazyload.min.js"></script>
    <script type="text/javascript">
        $(".flip").click(function () {
            $(".panel").slideToggle("slow");
            $(".xs1").toggle();
            $(".xs2").toggle();
        });
    </script>

    <script type="text/javascript">
        $(".lazyload").lazyload({
            effect: "fadeIn",
            threshold: 200,
            failurelimit: 15,
            skip_invisible: !1
        })
    </script>
</body>